<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<!-- 引入核心样式 -->
	<!--[if lt IE 9]-->
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
	<!--[endif]-->

	<link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
	<!--当前页面的css-->
	<link href="../../../../template/css/assoDetails.css" rel="stylesheet">
	<!-- 引入核心JS -->
	<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/index.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>
	<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
	<style>
			/* @media screen and (min-width: 800px){

				.ad-title .isTitles {
					font-size:24px !important;
				}
				.assoDetails .ad-TxtImg p,.ad-copyright,.ad-title span,.keyword li,.asso-news li a ,.asso-news li .title-date,.nolist,.box .left span {
					font-size:18px !important;
				}
				.c-left-input .text,.comment-box {
					font-size: 22px !important;
				}
			} */
			.top-down{
				padding: 0 .35rem;
				width: 100%;
				height: 1.333333rem;
				background: #fff;
				position:fixed;
				top: 0;
				left: 0;
				border-bottom: 1px solid #ff9104;
			}
			.box .left{
				float: left;
				height: 1.333333rem;
				line-height: 1.333333rem;
			}
			.box .left span{
				float: left;
				font-family:PingFangSC-Regular;
				font-size:.32rem;
				color:#353535;
				letter-spacing:.003733rem;
				margin-left:.133333rem;
			}
			.box .left .logo{
				width: .8rem;
				height: .8rem;
				margin-top: .266667rem;
				float: left;
			}
			.box  .down{
				position: absolute;
				right: .35rem;
				top: .266667rem;
				width:2.133333rem;
				height:.8rem;    
			}
			.bottom-down{
				padding: 0 .35rem;
				width: 100%;
				height:1.066667rem;
				background:rgba(0,0,0,.7);
				position:fixed;
				bottom: 0;
				left: 0;
				
			}
			.bottom-down .left {
				 height:1.066667rem;
			}
			.bottom-down .left span{
				color:#ffffff;
				height:1.066667rem;
				line-height: 1.066667rem;
			}
			.bottom-down .left .logo{
				margin-top: .133333rem;
			}
			.bottom-down .down{
				height:.693333rem; 
				right: 1.066667rem;
				top: .18rem;   
			}
			.bottom-down .close-down{
				width:10px;
				height:10px;
				position: absolute;
				top: .4rem;
				right: .266667rem;
			}
			 /* 加载中css */
			 .mask {
				width:100%;
				height:100%;
				padding-top:100px;
				background-color:#fafafa;
				left:0;
				/* opacity: 0.5; */
				position: absolute;
				top: 0;
				z-index: 1;
				/* filter: alpha(opacity=50); */
			}
			.loadText {
				font-size: .4rem;
				color: #494949;
			}
		</style>
</head>

<body>

		<div id="app" v-if="pageHide">
				<div class="mask" v-if="onLoading">
					<div class="weui-loadmore">
						<img class="loadIcon" src="http://appimg.yinsoso.com/loading.gif" alt="">
						<span class="weui-loadmore__tips loadText">请稍等，小搜正在努力赶来…</span>
					</div>
				</div>
				<div class="assoDetails" style="overflow-x:hidden;">
					 <!-- 顶部提示下载 -->
					 <div class="top-down box" v-if="isShare == 1">
							<div class="left">
								<img class="logo" src="../../../../../images/logo@2x.png" alt="">
								<span>印刷行业抢鲜资讯，尽在印刷搜搜</span>
							</div>
							 <img class="down" @click="downApp" src="../../../../../images/lijixiazai1@2x.png" alt="">
						 </div>
					<div class="ad-title">
						   <!-- 空的div 用来撑开下载提示 -->
						   <div v-if="isShare == 1" style="height:1.333333rem"></div>
						<p class="isTitles">
							{{assDetails.title}}
						</p>
						<span>日期：{{assDetails.create_time}}</span>
					</div>
					<div class="ad-line"></div>
					<div class="ad-TxtImg" v-html="assDetails.content">
					</div>
					<div class="ad-line"></div>
					<div class="ad-copyright">
						<p>{{assDetails.authorize}}</p>
						<p class="ad-source">来源：{{assDetails.source}}</p>
						<p class="ad-source">来自：印刷搜搜</p>
					</div>
					<div class="Gray_Bg"></div>
					<ul class="keyword clearfix">
						<li>关键字：</li>
						<li v-for="item in assDetails.keywords">
							<span>{{item}}</span>
						</li>
					</ul>
					<ul class="asso-news" id="asso-news" v-if="assDetails.recommendList && assDetails.recommendList.length>0">
							<li v-for="item in assDetails.recommendList">
									<a href="javascript:void(0);" class="title" @click="urlHref(item)">{{item.title}}</a>
									<span class="title-date">{{item.create_date}}</span>
								</li>
					</ul>
					<div v-else class="nolist">暂无更多数据</div>
					<template v-if="isShare != 1">
						<div class="Gray_Bg"></div>
						<div class="clear"></div>
						<div class="asso-discuss">
							<div class="asso-discuss-left">
								<span>{{commentList.total}}条评论</span>
							</div>
							<div class="ad-TxtImg">
								{{assDetails.textarea}}
								<img :src="assDetails.img">
							</div>
						</div>
						<div v-if="commentList.list.length>0">
							<div class="asso-discuss-main clearfix" v-for="item in commentList.list">
								<ul>
									<li class="ul-left">
										<div class="img">
											<img :src="item.logo" />
										</div>
										<div class="txt">
											<p class="name">{{item.nick_name}}</p>
											<p class="time">{{item.create_date}}</p>
										</div>
		
									</li>
									<li class="ul-right" v-if="item.state==0">
										<a href="javascript:;">等待审核</a>
									</li>
								</ul>
								<div class="clear"></div>
								<p>
									{{item.content}}
								</p>
							</div>
						</div>
						<div v-else class="nolist">暂无更多数据</div>
					</template>
		
					<div class="assoImg">
						<img :src="bottomImg" />
					</div>
					<div style="height:1.733333rem;"></div>
					<div class="comment-box" v-if="isShare!=1">
						<div class="comment-boxs">
							<div class="comment-left">
								<div class="c-left-input">
									<span class="icons"></span>
									<input class="text" type="text" @keyup.enter="sendMessage()" v-model="messageval" placeholder="请输入评论..." />
								</div>
							</div>
							<div class="comment-right clearfix">
								<!--<span v-show="assDetails.isLike == 0" @click="chooseLike"><img src="../images/asso_icon2.png"/></span>
									<span v-show="assDetails.isLike == 1" @click="chanceLike"><img src="../images/asso_icon2on.png"/></span>-->
								<span @click="sendMessage()" >发送</span>
									
									<span v-show="assDetails.is_collect == 0" @click="chooseCollect">
									<img src="../../../../images/asso_icon3.png" />
								</span>
								<span v-show="assDetails.is_collect == 1" @click="chanceCollect">
									<img src="../../../../images/asso_icon3on.png" />
								</span>
								<span @click="appShare(assDetails)">
									<img src="../../../../images/asso_icon4.png" />
								</span>
							</div>
						</div>
					</div>
				
										
        <!-- 底部提示下载 -->
       
				
				
				</div>
			</div>






	<!--当前页面的js-->
	<!-- <script src="../../../../template/js/subcharacterDetail.js"></script> -->
	<script type="text/babel" src="../../../../template/js/subDynamicDetail.js"></script>
</body>

</html>